உலாவி செயல்திறன் உள்கட்டமைப்பு: ஒரு முழுமையான செயல்படுத்தும் வழிகாட்டி

இன்றைய டிஜிட்டல்-முதல் உலகில், உங்கள் வலைத்தளம் அல்லது பயன்பாடு ஒரு சந்தைப்படுத்தல் கருவி மட்டுமல்ல; இது ஒரு முதன்மை அங்காடி, ஒரு முக்கியமான சேவை வழங்கல் சேனல், மற்றும் பெரும்பாலும் உங்கள் பிராண்டுடன் முதல் தொடர்பு புள்ளி. உலகளாவிய பார்வையாளர்களுக்கு, இந்த டிஜிட்டல் அனுபவமே பிராண்ட் அனுபவம். ஏற்றுதல் நேரத்தில் ஒரு பின்னத்தில் ஒரு வினாடி என்பது ஒரு விசுவாசமான வாடிக்கையாளருக்கும் ஒரு இழந்த வாய்ப்புக்கும் இடையிலான வித்தியாசமாக இருக்கலாம். இருப்பினும், பல நிறுவனங்கள் தற்காலிக செயல்திறன் திருத்தங்களுக்கு அப்பால் செல்ல போராடுகின்றன, பயனர் அனுபவத்தை அளவிட, புரிந்துகொள்ள மற்றும் சீராக மேம்படுத்த ஒரு முறையான வழி இல்லாமல். இங்கேதான் ஒரு வலுவான உலாவி செயல்திறன் உள்கட்டமைப்பு வருகிறது.

இந்த வழிகாட்டி ஒரு உலகத் தரம் வாய்ந்த செயல்திறன் உள்கட்டமைப்பை வடிவமைத்தல், உருவாக்குதல் மற்றும் செயல்படுத்துதல் ஆகியவற்றிற்கான ஒரு முழுமையான வரைபடத்தை வழங்குகிறது. நாம் கோட்பாட்டிலிருந்து நடைமுறைக்குச் செல்வோம், கண்காணிப்பின் அத்தியாவசிய தூண்களை, உங்கள் தரவுப் பணமடைக்கான தொழில்நுட்ப கட்டமைப்பு, மற்றும் மிக முக்கியமாக, அர்த்தமுள்ள வணிக விளைவுகளை இயக்க உங்கள் நிறுவனத்தின் கலாச்சாரத்தில் செயல்திறனை எவ்வாறு ஒருங்கிணைப்பது என்பதை உள்ளடக்கியுள்ளது. நீங்கள் ஒரு பொறியியலாளராகவோ, தயாரிப்பு மேலாளராகவோ, அல்லது தொழில்நுட்ப தலைவராகவோ இருந்தாலும், இந்த வழிகாட்டி செயல்திறனை ஒரு நிலையான போட்டி நன்மையாக மாற்றும் ஒரு அமைப்பை ஆதரிக்கவும் செயல்படுத்தவும் தேவையான அறிவைக் கொண்டு உங்களை ஆயத்தப்படுத்தும்.

அத்தியாயம் 1: 'ஏன்' - செயல்திறன் உள்கட்டமைப்புக்கான வணிக வழக்கு

செயல்படுத்தலின் தொழில்நுட்ப விவரங்களுக்குள் செல்வதற்கு முன், ஒரு வலுவான வணிக வழக்கை உருவாக்குவது முக்கியம். ஒரு செயல்திறன் உள்கட்டமைப்பு ஒரு தொழில்நுட்ப திட்டம் மட்டுமல்ல; அது ஒரு மூலோபாய முதலீடு. வணிகத்தின் மொழியில் அதன் மதிப்பை நீங்கள் தெரிவிக்க வேண்டும்: வருவாய், ஈடுபாடு மற்றும் வளர்ச்சி.

வேகத்திற்கு அப்பால்: செயல்திறனை வணிக KPIs உடன் இணைத்தல்

இலக்கு 'விரைவாக' செய்வது மட்டுமல்ல; வணிகத்திற்கு முக்கியமான முக்கிய செயல்திறன் குறிகாட்டிகளை (KPIs) மேம்படுத்துவதாகும். உரையாடலை எவ்வாறு கட்டமைப்பது என்பது இங்கே:

• மாற்று விகிதங்கள்: இது மிகவும் நேரடி இணைப்பு. Amazon, Walmart, மற்றும் Zalando போன்ற உலகளாவிய நிறுவனங்களின் பல வழக்கு ஆய்வுகள் வேகமான பக்க ஏற்றங்களுக்கும் உயர்ந்த மாற்று விகிதங்களுக்கும் இடையே ஒரு தெளிவான தொடர்பைக் காட்டியுள்ளன. ஒரு மின்-வணிக தளத்திற்கு, ஏற்றுதல் நேரத்தில் 100ms முன்னேற்றம் என்பது வருவாயில் குறிப்பிடத்தக்க அதிகரிப்பைக் குறிக்கும்.
• பயனர் ஈடுபாடு: வேகமான, மிகவும் பதிலளிக்கக்கூடிய அனுபவங்கள் பயனர்களை நீண்ட நேரம் தங்கவும், அதிக பக்கங்களைப் பார்க்கவும், உங்கள் உள்ளடக்கத்துடன் ஆழமாக தொடர்பு கொள்ளவும் ஊக்குவிக்கின்றன. இது ஊடக தளங்கள், சமூக தளங்கள் மற்றும் SaaS பயன்பாடுகளுக்கு முக்கியமானது, அங்கு அமர்வு காலம் மற்றும் அம்ச ஏற்பு முக்கிய அளவீடுகளாகும்.
• குவிதல் விகிதங்கள் & பயனர் தக்கவைப்பு: முதல் பதிவுகள் முக்கியம். ஒரு மெதுவான ஆரம்ப ஏற்றுதல் பயனர்கள் ஒரு தளத்தை கைவிட முக்கிய காரணங்களில் ஒன்றாகும். ஒரு செயல்திறன் மிக்க அனுபவம் நம்பிக்கையை வளர்க்கிறது மற்றும் பயனர்களைத் திரும்ப அழைக்க ஊக்குவிக்கிறது.
• தேடுபொறி உகப்பாக்கம் (SEO): Google போன்ற தேடுபொறிகள் பக்க அனுபவ சமிக்ஞைகளை, முக்கிய இணைய உயிர் குறிகாட்டிகள் (CWV) உட்பட, ஒரு தரவரிசை காரணியாகப் பயன்படுத்துகின்றன. ஒரு மோசமான செயல்திறன் மதிப்பெண் தேடல் முடிவுகளில் உங்கள் பார்வையை நேரடியாகப் பாதிக்கலாம், உலகளவில் கரிம போக்குவரத்தைப் பாதிக்கலாம்.
• பிராண்ட் கருத்து: ஒரு வேகமான, தடையற்ற டிஜிட்டல் அனுபவம் தொழில்முறை மற்றும் நம்பகமானதாகக் கருதப்படுகிறது. ஒரு மெதுவான, ஜாங்கி ஒன்று எதிர்மாறாகக் குறிக்கிறது. இந்த கருத்து முழு பிராண்டிற்கும் நீட்டிக்கப்படுகிறது, பயனர் நம்பிக்கை மற்றும் விசுவாசத்தை பாதிக்கிறது.

செயல்படாமல் இருப்பதன் செலவு: மோசமான செயல்திறனின் தாக்கத்தை அளவிடுதல்

முதலீட்டைப் பெற, நீங்கள் எதுவும் செய்யாமல் இருப்பதன் செலவைக் காட்ட வேண்டும். ஒரு உலகளாவிய கண்ணோட்டத்தில் செயல்திறனைப் பார்ப்பதன் மூலம் சிக்கலை வடிவமைக்கவும். சியோலில் உள்ள ஃபைபர் இணையத்துடன் கூடிய உயர்நிலை மடிக்கணினியில் உள்ள ஒரு பயனரின் அனுபவம், சாவ் பாலோவில் நிலையற்ற 3G இணைப்பைக் கொண்ட ஒரு நடுத்தர ஸ்மார்ட்போனில் உள்ள ஒரு பயனரின் அனுபவத்திலிருந்து முற்றிலும் வேறுபட்டது. செயல்திறனுக்கான ஒரு அளவு-அனைத்திற்கும்-பொருந்தும் அணுகுமுறை உங்கள் உலகளாவிய பார்வையாளர்களில் பெரும்பான்மையினருக்குத் தோல்வியடைகிறது.

உங்கள் வழக்கைக் கட்டமைக்க ஏற்கனவே உள்ள தரவைப் பயன்படுத்தவும். உங்களிடம் அடிப்படை பகுப்பாய்வுகள் இருந்தால், இது போன்ற கேள்விகளைக் கேளுங்கள்: வரலாற்று ரீதியாக மெதுவான வலைப்பின்னல்களைக் கொண்ட குறிப்பிட்ட நாடுகளிலிருந்து பயனர்களுக்கு அதிக குவிதல் விகிதங்கள் உள்ளதா? டெஸ்க்டாப் பயனர்களை விட மொபைல் பயனர்கள் குறைந்த விகிதத்தில் மாற்றப்படுகிறார்களா? இந்தக் கேள்விகளுக்குப் பதிலளிப்பது, மோசமான செயல்திறன் காரணமாக தற்போது இழக்கப்படும் குறிப்பிடத்தக்க வருவாய் வாய்ப்புகளை வெளிப்படுத்தும்.

அத்தியாயம் 2: செயல்திறன் கண்காணிப்பின் முக்கிய தூண்கள்

ஒரு விரிவான செயல்திறன் உள்கட்டமைப்பு இரண்டு நிரப்பு கண்காணிப்பு தூண்களின் மீது கட்டப்பட்டுள்ளது: உண்மையான பயனர் கண்காணிப்பு (RUM) மற்றும் செயற்கை கண்காணிப்பு. ஒன்றைப் பயன்படுத்துவது பயனர் அனுபவத்தின் முழுமையற்ற படத்தை மட்டுமே உங்களுக்கு வழங்கும்.

தூண் 1: உண்மையான பயனர் கண்காணிப்பு (RUM) - உங்கள் பயனர்களின் குரல்

RUM என்றால் என்ன? உண்மையான பயனர் கண்காணிப்பு உங்கள் உண்மையான பயனர்களின் உலாவிகளில் இருந்து செயல்திறன் மற்றும் அனுபவத் தரவை நேரடியாகப் பிடிக்கிறது. இது ஒரு வகை செயலற்ற கண்காணிப்பு ஆகும், இதில் உங்கள் பக்கங்களில் உள்ள ஒரு சிறிய JavaScript துண்டு ஒரு பயனரின் அமர்வின் போது தரவைச் சேகரித்து உங்கள் தரவு சேகரிப்பு முனைக்கு அனுப்புகிறது. RUM கேள்விக்கு பதிலளிக்கிறது: "காட்டுக்குள்ளே என் பயனர்களின் உண்மையான அனுபவம் என்ன?"

RUM உடன் கண்காணிக்க வேண்டிய முக்கிய அளவீடுகள்:

• முக்கிய இணைய உயிர் குறிகாட்டிகள் (CWV): கூகிளின் பயனர்-மைய அளவீடுகள் ஒரு சிறந்த தொடக்கப் புள்ளியாகும்.
  • மிகப்பெரிய உள்ளடக்க பெயிண்ட் (LCP): உணரும் ஏற்றுதல் செயல்திறனை அளவிடுகிறது. பக்கத்தின் முக்கிய உள்ளடக்கம் ஏற்றப்பட்ட புள்ளியைக் குறிக்கிறது.
  • ஊடாடல் அடுத்த பெயிண்ட் (INP): முதல் உள்ளீட்டு தாமதத்தை (FID) மாற்றிய ஒரு புதிய முக்கிய உயிர் குறிகாட்டி. இது பயனர் ஊடாடல்களுக்கு ஒட்டுமொத்த பதிலளிப்பை அளவிடுகிறது, பக்க வாழ்க்கை சுழற்சி முழுவதும் அனைத்து கிளிக்குகள், தட்டுகள் மற்றும் முக்கிய அழுத்தங்களின் தாமதத்தைப் பிடிக்கிறது.
  • கூட்டு தளவமைப்பு மாற்றம் (CLS): காட்சி நிலைத்தன்மையை அளவிடுகிறது. பயனர்கள் அனுபவிக்கும் எதிர்பாராத தளவமைப்பு மாற்றத்தின் அளவை இது அளவிடுகிறது.
• பிற அடித்தள அளவீடுகள்:
  • முதல் பைட் வரை நேரம் (TTFB): சேவையகத்தின் பதிலளிப்பை அளவிடுகிறது.
  • முதல் உள்ளடக்க பெயிண்ட் (FCP): திரையில் ஏதேனும் உள்ளடக்கம் காட்டப்படும் முதல் புள்ளியைக் குறிக்கிறது.
  • வழிசெலுத்தல் மற்றும் வள நேரங்கள்: உலாவியின் செயல்திறன் API ஆல் வழங்கப்படும் பக்கத்தில் உள்ள ஒவ்வொரு சொத்துக்கான விரிவான நேரங்கள்.

RUM தரவுகளுக்கான அத்தியாவசிய பரிமாணங்கள்: மூல அளவீடுகள் சூழல் இல்லாமல் பயனற்றவை. செயலில் உள்ள நுண்ணறிவுகளைப் பெற, உங்கள் தரவை பரிமாணங்களால் துண்டிக்க வேண்டும்:

• புவியியல்: நாடு, பிராந்தியம், நகரம்.
• சாதன வகை: டெஸ்க்டாப், மொபைல், டேப்லெட்.
• இயக்க முறைமை & உலாவி: OS பதிப்பு, உலாவி பதிப்பு.
• வலைப்பின்னல் நிலைகள்: பயனுள்ள இணைப்பு வகையை (எ.கா., '4g', '3g') பிடிக்க நெட்வொர்க் தகவல் API ஐப் பயன்படுத்துதல்.
• பக்க வகை/வழி: முகப்பு பக்கம், தயாரிப்பு பக்கம், தேடல் முடிவுகள்.
• பயனர் நிலை: உள்நுழைந்த vs. அநாமதேய பயனர்கள்.
• பயன்பாட்டு பதிப்பு/வெளியீட்டு ID: வெளியீடுகளுடன் செயல்திறன் மாற்றங்களை ஒப்பிடுவதற்கு.

RUM தீர்வைத் தேர்ந்தெடுப்பது (உருவாக்கு vs. வாங்கு): வாங்குதல் ஒரு வணிகத் தீர்வு (எ.கா., Datadog, New Relic, Akamai mPulse, Sentry) விரைவான அமைவு, அதிநவீன டாஷ்போர்டுகள் மற்றும் பிரத்யேக ஆதரவை வழங்குகிறது. விரைவாகத் தொடங்க வேண்டிய குழுக்களுக்கு இது பெரும்பாலும் சிறந்த தேர்வாகும். உருவாக்குதல் உங்கள் சொந்த RUM பணிப்பாய்வை திறந்த மூல கருவிகளான Boomerang.js ஐப் பயன்படுத்தி உங்களுக்கு இறுதி நெகிழ்வுத்தன்மையை, பூஜ்ஜிய விற்பனையாளர் பூட்டை, மற்றும் உங்கள் தரவின் மீது முழு கட்டுப்பாட்டைக் கொடுக்கிறது. இருப்பினும், தரவு சேகரிப்பு, செயலாக்கம் மற்றும் காட்சிப்படுத்தல் அடுக்குகளை உருவாக்கவும் பராமரிக்கவும் கணிசமான பொறியியல் முயற்சி தேவைப்படுகிறது.

தூண் 2: செயற்கை கண்காணிப்பு - உங்கள் கட்டுப்படுத்தப்பட்ட ஆய்வகம்

செயற்கை கண்காணிப்பு என்றால் என்ன? செயற்கை கண்காணிப்பு என்பது உலகெங்கிலும் உள்ள கட்டுப்படுத்தப்பட்ட இடங்களிலிருந்து ஒரு நிலையான கால அட்டவணையில் உங்கள் வலைத்தளத்தை சோதிக்க ஸ்கிரிப்டுகள் மற்றும் தானியங்கு உலாவிகளைப் பயன்படுத்துவதை உள்ளடக்குகிறது. இது செயல்திறனை அளவிட ஒரு நிலையான, மீண்டும் செய்யக்கூடிய சூழலைப் பயன்படுத்துகிறது. செயற்கை சோதனை கேள்விக்கு பதிலளிக்கிறது: "இப்போது முக்கிய இடங்களிலிருந்து என் தளம் எதிர்பார்த்தபடி செயல்படுகிறதா?"

செயற்கை கண்காணிப்புக்கான முக்கிய பயன்பாட்டு நிகழ்வுகள்:

• பின்னடைவு கண்டறிதல்: ஒவ்வொரு குறியீடு மாற்றத்திற்கும் பிறகு உங்கள் முந்தைய உற்பத்தி அல்லது உற்பத்தி சூழல்களுக்கு எதிராக சோதனைகளை இயக்குவதன் மூலம், பயனர்களைப் பாதிக்கும் முன் செயல்திறன் பின்னடைவுகளைப் பிடிக்கலாம்.
• போட்டி ஒப்பீடு: சந்தையில் நீங்கள் எவ்வாறு தரவரிசைப்படுத்துகிறீர்கள் என்பதைப் புரிந்துகொள்ள உங்கள் போட்டியாளர்களின் தளங்களுக்கு எதிராக அதே சோதனைகளை இயக்கவும்.
• கிடைக்கும் தன்மை மற்றும் இயக்க நேரம் கண்காணிப்பு: எளிய செயற்கை சோதனைகள் உங்கள் தளம் பல்வேறு உலகளாவிய கண்ணோட்டங்களிலிருந்து ஆன்லைனில் மற்றும் செயல்பாட்டில் இருப்பதற்கான நம்பகமான சமிக்ஞையை வழங்க முடியும்.
• ஆழ்ந்த கண்டறிதல்: WebPageTest போன்ற கருவிகள் விரிவான நீர்வீழ்ச்சி விளக்கப்படங்கள், படச்சுருள்கள் மற்றும் CPU தடயங்களை வழங்குகின்றன, இது உங்கள் RUM தரவுகளால் கண்டறியப்பட்ட சிக்கலான செயல்திறன் சிக்கல்களை சரிசெய்ய விலைமதிப்பற்றது.

பிரபலமான செயற்கை கருவிகள்:

• WebPageTest: ஆழ்ந்த செயல்திறன் பகுப்பாய்வுக்கான தொழில் தரநிலை. நீங்கள் பொது நிகழ்வைப் பயன்படுத்தலாம் அல்லது உள் சோதனைக்கு தனியார் நிகழ்வுகளை அமைக்கலாம்.
• Google Lighthouse: செயல்திறன், அணுகல்தன்மை மற்றும் பலவற்றை தணிக்கை செய்வதற்கான ஒரு திறந்த மூல கருவி. இது Chrome DevTools, கட்டளை வரி, அல்லது Lighthouse CI ஐப் பயன்படுத்தி CI/CD பணிப்பாய்வின் ஒரு பகுதியாக இயக்கப்படலாம்.
• வணிக தளங்கள்: SpeedCurve, Calibre, மற்றும் பல சேவைகள் அதிநவீன செயற்கை சோதனைகளை வழங்குகின்றன, அவை பெரும்பாலும் RUM தரவுகளுடன் இணைக்கப்பட்டு, ஒரு ஒருங்கிணைந்த காட்சியை வழங்குகின்றன.
• தனிப்பயன் ஸ்கிரிப்டிங்: Playwright மற்றும் Puppeteer போன்ற கட்டமைப்புகள் சிக்கலான பயனர் பயண ஸ்கிரிப்டுகளை (எ.கா., கார்ட்டில் சேர், உள்நுழை) எழுதவும் அவற்றின் செயல்திறனை அளவிடவும் உங்களை அனுமதிக்கின்றன.

RUM மற்றும் செயற்கை: ஒரு ஒருங்கிணைந்த உறவு

எந்த கருவியும் தானாகவே போதுமானதாக இருக்காது. அவை ஒன்றாக சிறப்பாக வேலை செய்கின்றன:

RUM என்ன நடக்கிறது என்று சொல்கிறது. செயற்கை ஏன் என்பதைப் புரிந்துகொள்ள உதவுகிறது.

ஒரு பொதுவான பணிப்பாய்வு: உங்கள் RUM தரவு பிரேசிலில் மொபைல் சாதனங்களில் உள்ள பயனர்களுக்கான 75வது சதவிகித LCP இல் ஒரு பின்னடைவைக் காட்டுகிறது. இது 'என்ன'. நீங்கள் பின்னர் சாவ் பாலோவில் இருந்து ஒரு 3G இணைப்பு சுயவிவரத்துடன் WebPageTest ஐப் பயன்படுத்தி ஒரு செயற்கை சோதனையை உள்ளமைத்து சூழ்நிலையை பிரதிபலிக்கிறீர்கள். இதன் விளைவாக வரும் நீர்வீழ்ச்சி விளக்கப்படம் மற்றும் கண்டறிதல்கள் 'ஏன்' என்பதை நீங்கள் கண்டறிய உதவுகின்றன - ஒரு புதிய, மேம்படுத்தப்படாத ஹீரோ படம் பயன்படுத்தப்பட்டிருக்கலாம்.

அத்தியாயம் 3: உங்கள் உள்கட்டமைப்பை வடிவமைத்தல் மற்றும் உருவாக்குதல்

அடித்தளக் கருத்துக்கள் இடமளிக்கப்பட்ட நிலையில், தரவுப் பணமடையை கட்டமைப்போம். இது மூன்று முக்கிய நிலைகளை உள்ளடக்கியது: சேகரிப்பு, சேமிப்பு/செயலாக்கம், மற்றும் காட்சிப்படுத்தல்/எச்சரிக்கை.

படி 1: தரவு சேகரிப்பு மற்றும் உள்வாங்கல்

நீங்கள் அளவிடும் தளத்தின் செயல்திறனைப் பாதிக்காமல், நம்பகமான மற்றும் திறமையாக செயல்திறன் தரவை சேகரிப்பதே குறிக்கோள்.

• RUM தரவு பீக்கன்: உங்கள் RUM ஸ்கிரிப்ட் அளவீடுகளைச் சேகரித்து அவற்றை ஒரு பேக்கேஜில் (ஒரு "பீக்கன்") தொகுக்கும். இந்த பீக்கன் உங்கள் சேகரிப்பு முனைக்கு அனுப்பப்பட வேண்டும். இதற்காக `navigator.sendBeacon()` API ஐப் பயன்படுத்துவது முக்கியம். இது பக்கங்களை நிறுத்துவதைத் தாமதப்படுத்தாமல் அல்லது பிற பிணைய கோரிக்கைகளுடன் போட்டியிடாமல் பகுப்பாய்வு தரவை அனுப்ப வடிவமைக்கப்பட்டுள்ளது, இது குறிப்பாக மொபைலில் மிகவும் நம்பகமான தரவு சேகரிப்பை உறுதி செய்கிறது.
• செயற்கை தரவு உருவாக்கம்: செயற்கை சோதனைகளுக்கு, தரவு சேகரிப்பு சோதனை ஓட்டத்தின் ஒரு பகுதியாகும். Lighthouse CI க்கு, இது JSON வெளியீட்டைச் சேமிப்பதாகும். WebPageTest க்கு, அதன் API ஆல் வழங்கப்படும் செறிவான தரவு இது. தனிப்பயன் ஸ்கிரிப்டுகளுக்கு, நீங்கள் செயல்திறன் குறிகாட்டிகளை வெளிப்படையாக அளவிட்டு பதிவு செய்வீர்கள்.
• உள்வாங்கல் முனை: இது உங்கள் RUM பீக்கான்களைப் பெறும் ஒரு HTTP சேவையகம். இது உலகளாவிய பயனர்கள் தரவை அனுப்பும் தாமதத்தைக் குறைக்க, அதிக அளவில் கிடைக்கக்கூடியதாக, அளவிடக்கூடியதாக, மற்றும் புவியியல் ரீதியாக விநியோகிக்கப்பட வேண்டும். அதன் ஒரே வேலை தரவை விரைவாகப் பெறுவதும், ஒத்திசைவற்ற செயலாக்கத்திற்காக ஒரு செய்தி வரிசையில் (Kafka, AWS Kinesis, அல்லது Google Pub/Sub போன்ற) அனுப்புவதும் ஆகும். இது சேகரிப்பை செயலாக்கத்திலிருந்து பிரிக்கிறது, அமைப்பை மீள்திறனுடையதாக மாற்றுகிறது.

படி 2: தரவு சேமிப்பு மற்றும் செயலாக்கம்

தரவு உங்கள் செய்தி வரிசையில் வந்தவுடன், ஒரு செயலாக்கப் பணிப்பாய்வு அதைச் சரிபார்த்து, செறிவூட்டி, பொருத்தமான தரவுத்தளத்தில் சேமிக்கிறது.

• தரவு செறிவூட்டல்: இங்கே நீங்கள் மதிப்புமிக்க சூழலைச் சேர்க்கிறீர்கள். மூல பீக்கன் ஒரு IP முகவரி மற்றும் பயனர்-ஏஜென்ட் சரத்தை மட்டுமே கொண்டிருக்கலாம். உங்கள் செயலாக்கப் பணிப்பாய்வு இதைச் செய்ய வேண்டும்:
  • Geo-IP தேடல்: IP முகவரியை நாடு, பிராந்தியம் மற்றும் நகரமாக மாற்றவும்.
  • பயனர்-ஏஜென்ட் பாகுபடுத்துதல்: UA சரத்தை உலாவி பெயர், OS, மற்றும் சாதன வகை போன்ற கட்டமைக்கப்பட்ட தரவாக மாற்றவும்.
  • மெட்டாடேட்டாவுடன் இணைத்தல்: அமர்வின் போது செயலில் இருந்த பயன்பாட்டு வெளியீட்டு ID, A/B சோதனை வகைகள், அல்லது அம்ச கொடிகள் போன்ற தகவல்களைச் சேர்க்கவும்.
• தரவுத்தளத்தைத் தேர்ந்தெடுப்பது: தரவுத்தளத்தின் தேர்வு உங்கள் அளவுகோல் மற்றும் வினவல் வடிவங்களை சார்ந்துள்ளது.
  • நேர-தொடர் தரவுத்தளங்கள் (TSDB): InfluxDB, TimescaleDB, அல்லது Prometheus போன்ற அமைப்புகள் காலவரிசைப்படி குறிக்கப்பட்ட தரவைக் கையாள்வதற்கும், கால அளவுகள் முழுவதும் வினவல்களை இயக்குவதற்கும் உகந்ததாக உள்ளன. ஒருங்கிணைந்த அளவீடுகளைச் சேமிக்க அவை சிறந்தவை.
  • பகுப்பாய்வு தரவு கிடங்குகள்: மிகப்பெரிய அளவிலான RUM க்கு, நீங்கள் ஒவ்வொரு பக்கக் காட்சியையும் சேமிக்க விரும்பினால் மற்றும் சிக்கலான, தற்காலிக வினவல்களை இயக்க விரும்பினால், Google BigQuery, Amazon Redshift, அல்லது ClickHouse போன்ற நெடுவரிசை தரவுத்தளம் அல்லது தரவு கிடங்கு ஒரு சிறந்த தேர்வாகும். அவை பெரிய அளவிலான பகுப்பாய்வு வினவல்களுக்கு வடிவமைக்கப்பட்டுள்ளன.
• ஒருங்கிணைப்பு மற்றும் மாதிரி எடுத்தல்: அதிக ட்ராஃபிக் உள்ள தளத்திற்கு ஒவ்வொரு செயல்திறன் பீக்கானையும் சேமிப்பது அதிக செலவாகும். ஒரு பொதுவான மூலோபாயம் குறுகிய காலத்திற்கு (எ.கா., 7 நாட்கள்) ஆழ்ந்த பிழைத்திருத்தத்திற்காக மூல தரவைச் சேமிப்பதும், நீண்ட கால போக்குகளுக்கு முன்-ஒருங்கிணைந்த தரவை (சதவிகிதங்கள், ஹிஸ்டோகிராம்கள், மற்றும் பல்வேறு பரிமாணங்களுக்கான எண்ணிக்கைகள் போன்றவை) சேமிப்பதும் ஆகும்.

படி 3: தரவு காட்சிப்படுத்தல் மற்றும் எச்சரிக்கை

மூல தரவைப் புரிந்துகொள்ள முடியாவிட்டால் பயனற்றது. உங்கள் உள்கட்டமைப்பின் இறுதி அடுக்கு தரவை அணுகக்கூடியதாகவும் செயலில் ஈடுபடுத்தக்கூடியதாகவும் மாற்றுவது.

• செயல்திறன்மிக்க டாஷ்போர்டுகளை உருவாக்குதல்: எளிய சராசரி அடிப்படையிலான வரி விளக்கப்படங்களுக்கு அப்பால் செல்லவும். சராசரிகள் வெளிப்பாடுகளை மறைக்கின்றன மற்றும் வழக்கமான பயனர் அனுபவத்தைக் குறிக்காது. உங்கள் டாஷ்போர்டுகள் இதை வைத்திருக்க வேண்டும்:
  • சதவிகிதங்கள்: 75வது (p75), 90வது (p90), மற்றும் 95வது (p95) சதவிகிதங்களைக் கண்காணிக்கவும். p75 சராசரியை விட வழக்கமான பயனரின் அனுபவத்தை மிகவும் சிறப்பாகக் குறிக்கிறது.
  • ஹிஸ்டோகிராம்கள் மற்றும் விநியோகங்கள்: ஒரு அளவீட்டின் முழு விநியோகத்தையும் காட்டவும். உங்கள் LCP இருவழி, ஒரு குழு வேகமான பயனர்கள் மற்றும் ஒரு குழு மிகவும் மெதுவான பயனர்களா? ஒரு ஹிஸ்டோகிராம் இதை வெளிப்படுத்தும்.
  • நேர-தொடர் காட்சிகள்: போக்குகள் மற்றும் பின்னடைவுகளைக் கண்டறிய காலப்போக்கில் சதவிகிதங்களைப் படியுங்கள்.
  • பிரிப்பு வடிப்பான்கள்: மிக முக்கியமான பகுதி. சிக்கல்களைத் தனிமைப்படுத்த நாடு, சாதனம், பக்க வகை, வெளியீட்டு பதிப்பு போன்றவற்றால் டாஷ்போர்டுகளை வடிகட்ட பயனர்களை அனுமதிக்கவும்.
• காட்சிப்படுத்தல் கருவிகள்: Grafana (நேர-தொடர் தரவுகளுக்கு) மற்றும் Superset போன்ற திறந்த மூல கருவிகள் சக்திவாய்ந்த விருப்பங்கள். Looker அல்லது Tableau போன்ற வணிக BI கருவிகளும் சிக்கலான வணிக நுண்ணறிவு டாஷ்போர்டுகளுக்கு உங்கள் தரவு கிடங்குடன் இணைக்கப்படலாம்.
• நுண்ணறிவு எச்சரிக்கை: எச்சரிக்கைகள் உயர்-சமிக்ஞை மற்றும் குறைந்த-இரைச்சலாக இருக்க வேண்டும். நிலையான வரம்புகளில் எச்சரிக்கை செய்ய வேண்டாம் (எ.கா., "LCP > 4s"). அதற்கு பதிலாக, அசாதாரண கண்டறிதல் அல்லது ஒப்பீட்டு மாற்றம் எச்சரிக்கையை செயல்படுத்தவும். எடுத்துக்காட்டாக: "கடந்த வாரத்துடன் ஒப்பிடும்போது முகப்புப் பக்கத்திற்கான மொபைலில் p75 LCP 15% க்கும் அதிகமாக அதிகரித்தால் எச்சரிக்கை செய்யவும்." இது இயற்கையான தினசரி மற்றும் வாராந்திர டிராஃபிக் வடிவங்களுக்கு கணக்கிடுகிறது. எச்சரிக்கைகள் Slack அல்லது Microsoft Teams போன்ற ஒத்துழைப்பு தளங்களுக்கு அனுப்பப்பட வேண்டும் மற்றும் Jira போன்ற அமைப்புகளில் தானாகவே டிக்கெட்டுகளை உருவாக்க வேண்டும்.

அத்தியாயம் 4: தரவிலிருந்து செயலுக்கு: உங்கள் பணிப்பாய்வில் செயல்திறனை ஒருங்கிணைத்தல்

டாஷ்போர்டுகளை மட்டுமே உருவாக்கும் உள்கட்டமைப்பு ஒரு தோல்வி. இறுதி இலக்கு செயலை இயக்குவதும், செயல்திறன் ஒரு பகிரப்பட்ட பொறுப்பாக இருக்கும் ஒரு கலாச்சாரத்தை உருவாக்குவதும் ஆகும்.

செயல்திறன் பட்ஜெட்டுகளை நிறுவுதல்

ஒரு செயல்திறன் பட்ஜெட் என்பது உங்கள் குழு ஒப்புக்கொள்ளும் கட்டுப்பாடுகளின் ஒரு தொகுப்பாகும். இது செயல்திறனை ஒரு அருவமான இலக்கிலிருந்து ஒரு உறுதியான வெற்றி/தோல்வி அளவீடாக மாற்றுகிறது. பட்ஜெட்கள் இருக்கலாம்:

• அளவுரு-அடிப்படையிலான: "எங்கள் தயாரிப்பு பக்கங்களுக்கான p75 LCP 2.5 வினாடிகளுக்கு மிகாமல் இருக்க வேண்டும்."
• அளவு-அடிப்படையிலான: "பக்கத்தில் உள்ள JavaScript இன் மொத்த அளவு 170 KB ஐ விட அதிகமாக இருக்கக்கூடாது." அல்லது "நாம் மொத்தம் 50 கோரிக்கைகளை மட்டுமே செய்ய வேண்டும்."

ஒரு பட்ஜெட்டை எவ்வாறு அமைப்பது? எண்களை தன்னிச்சையாகத் தேர்ந்தெடுக்க வேண்டாம். போட்டி பகுப்பாய்வு, இலக்கு சாதனங்கள் மற்றும் வலைப்பின்னல்களில் சாத்தியமானவை, அல்லது வணிக இலக்குகளின் அடிப்படையில் அவற்றை அடிப்படையாகக் கொள்ளுங்கள். ஒரு மிதமான பட்ஜெட்டுடன் தொடங்கி காலப்போக்கில் அதை இறுக்குங்கள்.

பட்ஜெட்களைச் செயல்படுத்துதல்: பட்ஜெட்களைச் செயல்படுத்துவதற்கான மிகவும் பயனுள்ள வழி, அவற்றை உங்கள் தொடர்ச்சியான ஒருங்கிணைப்பு/தொடர்ச்சியான வரிசைப்படுத்தல் (CI/CD) பணிப்பாய்வில் ஒருங்கிணைப்பதாகும். Lighthouse CI போன்ற கருவிகளைப் பயன்படுத்தி, ஒவ்வொரு இழுத்தல் கோரிக்கைக்கும் ஒரு செயல்திறன் தணிக்கையை நீங்கள் இயக்கலாம். PR ஒரு பட்ஜெட்டை மீறினால், உருவாக்கம் தோல்வியடையும், பின்னடைவு உற்பத்திக்குச் செல்வதைத் தடுக்கும்.

ஒரு செயல்திறன்-முதல் கலாச்சாரத்தை உருவாக்குதல்

தொழில்நுட்பம் மட்டுமே செயல்திறன் சிக்கல்களைத் தீர்க்காது. எல்லோரும் உரிமை உணர்வுடன் இருப்பார்கள் என்று ஒரு கலாச்சார மாற்றம் தேவை.

• பகிரப்பட்ட பொறுப்பு: செயல்திறன் ஒரு பொறியியல் சிக்கல் மட்டுமல்ல. தயாரிப்பு மேலாளர்கள் புதிய அம்சத் தேவைகளில் செயல்திறன் நிபந்தனைகளைச் சேர்க்க வேண்டும். வடிவமைப்பாளர்கள் சிக்கலான அனிமேஷன்கள் அல்லது பெரிய படங்களின் செயல்திறன் செலவைக் கருத்தில் கொள்ள வேண்டும். QA பொறியாளர்கள் தங்கள் சோதனைத் திட்டங்களில் செயல்திறன் சோதனைகளைச் சேர்க்க வேண்டும்.
• அதைக் காணக்கூடியதாக ஆக்குங்கள்: அலுவலகங்களில் உள்ள திரைகளில் அல்லது உங்கள் நிறுவனத்தின் அரட்டை பயன்பாட்டில் ஒரு முக்கிய சேனலில் முக்கிய செயல்திறன் டாஷ்போர்டுகளைக் காண்பிக்கவும். நிலையான பார்வை அதை நினைவில் வைத்திருக்கும்.
• ஊக்கத்தொகைகளை சீரமைக்கவும்: செயல்திறன் மேம்பாடுகளை குழு அல்லது தனிப்பட்ட இலக்குகளுடன் (OKRs) இணைக்கவும். குழுக்கள் அம்ச விநியோகத்துடன் செயல்திறன் அளவீடுகளிலும் மதிப்பிடப்படும்போது, ​​அவற்றின் முன்னுரிமைகள் மாறும்.
• வெற்றிகளைக் கொண்டாடுங்கள்: ஒரு குழு ஒரு முக்கிய அளவீட்டை வெற்றிகரமாக மேம்படுத்தும்போது, ​​அதை கொண்டாடவும். முடிவுகளை பரவலாகப் பகிரவும், மேலும் தொழில்நுட்ப மேம்பாட்டை (எ.கா., "நாங்கள் LCP ஐ 500ms குறைத்தோம்") வணிக தாக்கத்துடன் (எ.கா., "இது மொபைல் மாற்றங்களில் 2% அதிகரிப்புக்கு வழிவகுத்தது") இணைப்பதை உறுதிசெய்யவும்.

ஒரு நடைமுறை பிழைத்திருத்த பணிப்பாய்வு

ஒரு செயல்திறன் பின்னடைவு ஏற்படும் போது, ​​ஒரு கட்டமைக்கப்பட்ட பணிப்பாய்வு முக்கியமானது:

1. எச்சரிக்கை: p75 LCP இல் ஒரு குறிப்பிடத்தக்க பின்னடைவு பற்றி ஆன்-கால் குழுவிற்கு தெரிவிக்கும் ஒரு தானியங்கி எச்சரிக்கை செயல்படுகிறது.
2. தனிமைப்படுத்து: பொறியாளர் பின்னடைவை தனிமைப்படுத்த RUM டாஷ்போர்டைப் பயன்படுத்துகிறார். அவர்கள் எச்சரிக்கையுடன் பொருந்த காலத்தைப் பயன்படுத்துகிறார்கள், பின்னர் வெளியீட்டு பதிப்பு, பக்க வகை, மற்றும் நாடு வாரியாகப் பிரிக்கிறார்கள். பின்னடைவு சமீபத்திய வெளியீட்டுடன் இணைக்கப்பட்டுள்ளது மற்றும் ஐரோப்பாவில் உள்ள பயனர்களுக்கான 'தயாரிப்பு விவரங்கள்' பக்கத்தைப் பாதிக்கிறது என்று அவர்கள் கண்டுபிடிக்கிறார்கள்.
3. பகுப்பாய்வு: பொறியாளர் WebPageTest போன்ற ஒரு செயற்கை கருவியைப் பயன்படுத்தி ஐரோப்பிய இடத்திலிருந்து அந்த பக்கத்திற்கு எதிராக ஒரு சோதனையை இயக்குகிறார். நீர்வீழ்ச்சி விளக்கப்படம் முக்கிய உள்ளடக்கத்தின் காட்சிப்படுத்தலைத் தடுக்கும் ஒரு பெரிய, மேம்படுத்தப்படாத படத்தை பதிவிறக்குவதைக் காட்டுகிறது.
4. ஒப்பிடு: பொறியாளர் சமீபத்திய வெளியீட்டுக்கான கமிட் வரலாற்றைச் சரிபார்த்து, தயாரிப்பு விவரங்கள் பக்கத்திற்கு ஒரு புதிய ஹீரோ பட கூறு சேர்க்கப்பட்டிருப்பதைக் காண்கிறார்.
5. சரிசெய்து சரிபார்க்கவும்: டெவலப்பர் ஒரு திருத்தத்தை செயல்படுத்துகிறார் (எ.கா., படத்தை சரியாக அளவிடுதல் மற்றும் சுருக்குதல், AVIF/WebP போன்ற நவீன வடிவத்தைப் பயன்படுத்துதல்). வெளியிடுவதற்கு முன் ஒரு செயற்கை சோதனையுடன் திருத்தத்தை சரிபார்க்கிறார். வெளியீட்டிற்குப் பிறகு, p75 LCP இயல்பு நிலைக்குத் திரும்பியதை உறுதிப்படுத்த RUM டாஷ்போர்டைக் கண்காணிக்கிறார்.

அத்தியாயம் 5: மேம்பட்ட தலைப்புகள் மற்றும் எதிர்கால-பாதுகாப்பு

உங்கள் அடித்தள உள்கட்டமைப்பு அமைக்கப்பட்டவுடன், உங்கள் நுண்ணறிவுகளை ஆழப்படுத்த நீங்கள் மேலும் மேம்பட்ட திறன்களை ஆராயலாம்.

செயல்திறன் தரவை வணிக அளவீடுகளுடன் ஒப்பிடுதல்

இறுதி இலக்கு செயல்திறனின் தாக்கத்தை உங்கள் வணிகத்தில் நேரடியாக அளவிடுவது. இதற்கு உங்கள் RUM தரவை வணிக பகுப்பாய்வு தரவுடன் இணைப்பது அவசியம். ஒவ்வொரு பயனர் அமர்விற்கும், உங்கள் RUM பீக்கன் மற்றும் உங்கள் பகுப்பாய்வு நிகழ்வுகள் (எ.கா., 'கார்ட்டில் சேர்', 'கொள்முதல்') இரண்டிலும் ஒரு அமர்வு ID ஐப் பிடிக்கிறீர்கள். நீங்கள் பின்னர் உங்கள் தரவு கிடங்கில் சக்திவாய்ந்த கேள்விகளைக் கேட்கலாம்: "2.5 வினாடிகளுக்குக் குறைவான LCP ஐ அனுபவித்த பயனர்களுக்கும் 4 வினாடிகளுக்கு மேல் LCP ஐ அனுபவித்த பயனர்களுக்கும் இடையிலான மாற்று விகிதம் என்ன?" இது செயல்திறன் பணிக்கான ROI இன் மறுக்க முடியாத ஆதாரத்தை வழங்குகிறது.

உண்மையான உலகளாவிய பார்வையாளர்களுக்காகப் பிரித்தல்

'நல்ல செயல்திறன்' என்பதற்கான ஒரே வரையறையை ஒரு உலகளாவிய வணிகம் கொண்டிருக்க முடியாது. உங்கள் உள்கட்டமைப்பு பயனர்களை அவர்களின் சூழலின் அடிப்படையில் பிரிக்க உங்களை அனுமதிக்க வேண்டும். நாட்டிற்கு அப்பால், மிகவும் நுட்பமான பார்வையைப் பெற உலாவி API களைப் பயன்படுத்தவும்:

• நெட்வொர்க் தகவல் API: 4G, 3G, slow-2g) போன்ற `effectiveType` ஐப் பிடித்து, நெட்வொர்க் வகையால் மட்டுமல்ல, உண்மையான நெட்வொர்க் தரத்தால் பிரிக்கவும்.
• சாதன நினைவக API: பயனரின் சாதனத்தின் திறன்களைப் புரிந்துகொள்ள `navigator.deviceMemory` ஐப் பயன்படுத்தவும். 1 GB RAM க்கும் குறைவாக உள்ள பயனர்களுக்கு உங்கள் தளத்தின் இலகுவான பதிப்பை வழங்க நீங்கள் முடிவு செய்யலாம்.

புதிய அளவீடுகளின் எழுச்சி (INP மற்றும் அதற்கு அப்பால்)

இணைய செயல்திறன் நிலப்பரப்பு தொடர்ந்து உருவாகி வருகிறது. உங்கள் உள்கட்டமைப்பு மாற்றியமைக்க போதுமான நெகிழ்வாக இருக்க வேண்டும். முதல் உள்ளீட்டு தாமதத்திலிருந்து (FID) ஊடாடல் அடுத்த பெயிண்ட் (INP) க்கு முக்கிய இணைய உயிர் குறிகாட்டியாக சமீபத்திய மாற்றம் இதற்கு ஒரு சிறந்த எடுத்துக்காட்டு. FID முதல் ஊடாடலின் தாமதத்தை மட்டுமே அளவிட்டது, அதேசமயம் INP அனைத்து ஊடாடல்களின் தாமதத்தையும் கருத்தில் கொள்கிறது, ஒட்டுமொத்த பக்க பதிலளிப்புக்கு மிகவும் சிறந்த அளவீட்டை வழங்குகிறது.

உங்கள் அமைப்பை எதிர்காலத்திற்குத் தயார்படுத்த, உங்கள் தரவு சேகரிப்பு மற்றும் செயலாக்கப் பகுதிகள் ஒரு குறிப்பிட்ட அளவீடுகளின் தொகுப்பிற்கு கடினமாக குறியிடப்படவில்லை என்பதை உறுதிசெய்யவும். உலாவி API இலிருந்து ஒரு புதிய அளவீட்டைச் சேர்ப்பது, அதை உங்கள் RUM பீக்கனில் சேகரிப்பதைத் தொடங்குவது, அதை உங்கள் தரவுத்தளம் மற்றும் டாஷ்போர்டுகளில் சேர்ப்பது எளிதாக்குங்கள். W3C இணைய செயல்திறன் பணிக்குழு மற்றும் பரந்த இணைய செயல்திறன் சமூகத்துடன் தொடர்பில் இருங்கள்.

முடிவுரை: உங்கள் செயல்திறன் சிறப்பிற்கான பயணம்

ஒரு உலாவி செயல்திறன் உள்கட்டமைப்பை உருவாக்குவது ஒரு குறிப்பிடத்தக்க பணியாகும், ஆனால் இது ஒரு நவீன டிஜிட்டல் வணிகம் செய்யக்கூடிய மிகவும் தாக்கமான முதலீடுகளில் ஒன்றாகும். இது செயல்திறனை ஒரு எதிர்வினை, தீ-போராட்டப் பயிற்சியிலிருந்து ஒரு செயலில், தரவு-உந்துதல் ஒழுக்கமாக மாற்றுகிறது, இது நேரடியாக கீழ் கோட்டிற்கு பங்களிக்கிறது.

இது ஒரு சேருமிடம் அல்ல, ஒரு பயணம் என்பதை நினைவில் கொள்ளுங்கள். RUM மற்றும் செயற்கை கண்காணிப்பின் முக்கிய தூண்களை நிறுவுவதன் மூலம் தொடங்குங்கள், எளிய கருவிகளைக் கொண்டு கூட. உங்கள் முதலீட்டிற்கான வணிக வழக்கை உருவாக்க நீங்கள் சேகரிக்கும் தரவைப் பயன்படுத்தவும். உங்கள் தரவை திறம்பட சேகரிக்க, செயலாக்க மற்றும் காட்சிப்படுத்த உங்களை அனுமதிக்கும் ஒரு தரவுப் பணமடையை உருவாக்குவதில் கவனம் செலுத்துங்கள். மிக முக்கியமாக, ஒவ்வொரு குழுவும் பயனர் அனுபவத்தின் உரிமை உணர்வைக் கொண்டிருக்கும் செயல்திறன் கலாச்சாரத்தை வளர்க்கவும்.

இந்த வரைபடத்தைப் பின்பற்றுவதன் மூலம், சிக்கல்களைக் கண்டறிவது மட்டுமல்லாமல், உங்கள் பயனர்களுக்கு வேகமான, மிகவும் ஈர்க்கக்கூடிய மற்றும் மிகவும் வெற்றிகரமான டிஜிட்டல் அனுபவங்களை உருவாக்கத் தேவையான செயலில் உள்ள நுண்ணறிவுகளை வழங்கும் ஒரு அமைப்பை நீங்கள் உருவாக்க முடியும்.